<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>

<body>
    <h2>localStorage</h2>
    <button onclick="saveData()">点我保存一个数据</button>
    <button onclick="readData()">点我读取一个数据</button>
    <button onclick="deleteData()">点我删除一个数据</button>
    <button onclick="clearAllData()">点我清空数据</button>
    <script>
        let l = {
            name: "法外狂徒",
            age: 18
        }
        function saveData() {
            localStorage.setItem("name", "张三");
            localStorage.setItem("age", "18");
            localStorage.setItem("like", JSON.stringify(l));
        }
        function readData() {
            console.log(localStorage.getItem("name"));
            console.log(localStorage.getItem("age"));
            const result = localStorage.getItem("like");
            console.log(JSON.parse(result));
        }
        function deleteData() {
            localStorage.removeItem("name");
        }
        function clearAllData() {
            localStorage.clear();
        }
    </script>
</body>

</html>